@charset "UTF-8";
/**
 * 公共样式
 * User: zeng/704729872@qq.com
 * Date: 2018/3/29
 * Time: 13:22
 */
/* 主页LOGO */
@import "variable?111";
@import "mixin";

body {
  overflow-x: hidden
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

ol, ul {
  list-style: none outside none
}

a {
  color: rgba(128, 128, 128, 1);
  text-decoration: none
}

/* 三角形 */
.triangle {
  width: 0;
  height: 0;
  border: {
    top: 9px solid rgba(128, 128, 128, 1);
    left: 7px solid rgba(0, 0, 0, 0);
    right: 7px solid rgba(0, 0, 0, 0);
  }
  position: absolute;
  top: 22px;
  left: 65px;
}

html {
  font-size: 10px;
}

/* logo */
.logo {
  float: left;
  //line-height: 0;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 13px 0 4px 0;
  width: 107px;
  height: 63px;

  a {
    display: block;
    position: relative;
    width: 107px;
    height: 63px;
  }
}

/* 导航栏 */
.nav {
  //display: inline-block;
  height: 70px;
  float: left;
  margin-left: 307px;
  ul {
    text-align: center;
    li {
      float: left;
      //height: 100%;
      position: relative;
      a {
        width: 164px;
        line-height: 70px;
        display: inline-block;
        &:hover:not(.check) {
          color: rgba(243, 159, 13, 1);
        }
      }
    }
  }
  .check {
    background: rgba(243, 159, 13, 1);
    color: #fff !important;
  }
}

/* banner图 */
.banner {
  //position: absolute;
  overflow: visible;
  top: 0;
  .banner_img {
    width: 100%;
    min-width: 1200px;
  }
}

/* 字体 */
.font {
  font-family: Microsoft YaHei !important;
  /* 导航栏 */
  &.nav_font {
    @include handler_font($size: $nav, $color: rgba(77, 77, 77, 1))
  }

  &.choice_font {
    display: inline-block;
    @include handler_font($size: $choice, $color: rgba(0, 0, 0, 1));
  }

  /* 登录注册 */
  @at-root .login_registry {

    position: relative;

    @include handler_font($family: MicrosoftYaHei, $size: $login_register, $color: rgba(0, 0, 0, 1));

    @at-root .login {
      @extend .login_registry;
      margin: {
        right: 18px;
      }
      &:hover {
        color: rgba(243, 159, 13, 1);
      }
    }
    @at-root .register {
      @extend .login_registry;
      margin: {
        left: 8px;
      }

      &:hover {
        color: rgba(243, 159, 13, 1);
      }
    }
  }
  /* 开始搜房 */
  &.query_room {
    @include handler_font($size: $start_query_room, $color: rgba(255, 255, 255, 1));
  }

  /* 补选地区 */
  &.region_font {
    @include handler_font($size: $search_region, $color: rgba(255, 255, 255, 1));
  }

  /* 业务模块 */
  &.business_font {
    @include handler_font($size: $business_module, $color: rgba(255, 255, 255, 1));
    &:hover {
      border: 1px solid rgba(243, 159, 13, 1);
      color: rgba(243, 159, 13, 1);
    }
  }

  /* 子业务 */
  &.child_business_font {
    @include handler_font($size: $child_business_read_more, $color: rgba(0, 0, 0, 1));
  }

  /* 小标题相关 */
  &.small_title_font {
    @include handler_font($size: $small_title, $color: rgba(51, 51, 51, 1));
  }
  &.small_title_detail {
    line-height: 24px;
    @include handler_font($size: $small_title_detail, $color: rgba(153, 153, 153, 1));
  }

  /* 优势标题相关 */
  &.adv_title {
    @include handler_font($size: $adv_title, $color: rgba(0, 0, 0, 1));
  }
  &.adv_title_detail {
    @include handler_font($size: $adv_title_detail, $color: rgba(0, 0, 0, 1));
  }

  /* 底部 */
  &.dt_font {
    @include handler_font($size: $dt, $color: rgba(255, 255, 255, 1));
  }
  &.dd_font {
    @include handler_font($size: $dd, $color: rgba(255, 255, 255, 1));
  }

  &.follow_font {
    @include handler_font($size: $follow, $color: rgba(255, 255, 255, 1));
  }

  &.house_info_title {
    @include handler_font($size: $house_info_title, $color: rgba(1, 1, 1, 1));
  }

  &.route_font {
    @include handler_font($size: $route, $color: rgba(102, 102, 102, 1));
  }

  &.yuyue_btn_font {
    @include handler_font($size: $yuyue_btn, $color: rgba(255, 255, 255, 1));
  }

  &.sc_fx_font {
    @include handler_font($size: $sc_fenx_btn, $color: rgba(51,51,51,1));
  }

  &.big_title_font {
    @include handler_font($size: $adv_title, $color: rgba(51,51,51,1), $isWeight: true);
  }

  /* 房屋状态：已出租 */
  &.rented {
    @include handler_font($size: $rented, $color: rgba(77,77,77,1));
  }
}

/* 清除样式 */
.clear_spot {
  list-style: none;
}

.clear_fix {
  display: block;
  &:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
  }
}

/* 分割线 */
.split {
  width: 1px;
  height: 15px;
  background: rgba(0, 0, 0, 1);
  position: absolute;
  top: 33px;
  left: 41px;
}

/* 动画相关 */
.np {
  color: #fff;
  font-size: 2.8rem;
  line-height: 70px;
  text-align: center;

  cursor: pointer;

  background: rgba(0, 0, 0, .8);
  position: absolute;
  top: 50%;
  height: 70px;
  width: 50px;
  transition: opacity .5s;
  //&:hover {
  //  opacity: .8;
  //}
  &.next {
    border: {
      top-right-radius: 5px;
      bottom-right-radius: 5px;
    }
    right: 5%;
  }
  &.prev {
    border: {
      top-left-radius: 5px;
      bottom-left-radius: 5px;
    }
    left: 5%;
  }
}

.area {
  width: 1200px;
  margin: 0 auto;
  text-align: left
}

.node_infor {
  height: 40px;
  line-height: 40px
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.ib {
  display: inline-block;
}

.pa {
  position: absolute
}

.pr {
  position: relative;
}

.rent {
  display: inline-block;
  width:24px;
  height:24px;
  border-radius: 3px;
  text-align: center;
  line-height: 24px;
  @include handler_font($size: 1.6rem, $family: MicrosoftYaHei, $color: rgba(255,255,255,1));
  /* 整租 */
  &.whole {
    background: rgba(243,159,13,1);
  }
}

.tc {
  text-align: center;
}

.format_table {
  @at-root {
    .dt {
      display: table;
    }

    .dtd {
      display: table-cell;
      vertical-align: middle;
    }
  }
}